<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>huodong</title>
    <link rel="stylesheet" href="css/app.min.css">
  </head>
  <body>
    <!-- ==== START WAPPER ==== -->
    <div id="wapper">

      <!-- ==== START NAV ==== -->
      <nav role="navigation">
            <div class="logo"><a href="#">校视通</a></div>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="yunke.html">云课</a></li>
                <li><a href="#">公社</a></li>
                <li class="current"><a href="#">活动</a></li>
                <li><a href="#">资讯</a></li>
                <li><a href="beike.html">备课</a></li>
                <li id="last"><a href="#">校团众筹</a></li>
            </ul>

            <form class="search" action="#" method="post">
                <input type="search" class="text" name="name" placeholder="搜索的内容..."><button class="btn-search" searchtype="submit" name="button"><i class="fa fa-search fa-lg"></i></button>
            </form>
      </nav>
      <!-- ==== END NAV ==== -->

    <main role="main">
      <div>
          <ul id="yunke-nav">
            <li class="now"><a href="#">全部</a></li><li><a href="#">研修</a></li><li><a href="#">才技</a></li><li><a href="#">管理</a></li><li><a href="#">公益</a></li><li><a href="#">海外</a></li><li><a href="#">其他</a></li>
          </ul>
          <div id="video-list">
            <div class="pv1">
              <a href="video.html">
                <img src="images/00.jpeg" alt="" />
                <p class="title">视频主题(十四个字)</p>
                <p class="author">&nbsp;作者</p><hr>
                <p class="hot">热度 324</p>
              </a>
            </div>
            <div class="pv1">
              <a href="video.html">
                <img src="images/00.jpeg" alt="" />
                <p class="title">视频主题</p>
                <p class="author">&nbsp;作者</p><hr>
                <p class="hot">热度 324</p>
              </a>
            </div>
            <div class="pv1">
              <a href="video.html">
                <img src="images/00.jpeg" alt="" />
                <p class="title">视频主题</p>
                <p class="author">&nbsp;作者</p><hr>
                <p class="hot">热度 324</p>
              </a>
            </div>
            <div class="pv1">
              <a href="video.html">
                <img src="images/00.jpeg" alt="" />
                <p class="title">视频主题</p>
                <p class="author">&nbsp;作者</p><hr>
                <p class="hot">热度 324</p>
              </a>
            </div>
            <div class="pv1">
              <a href="video.html">
                <img src="images/00.jpeg" alt="" />
                <p class="title">视频主题</p>
                <p class="author">&nbsp;作者</p><hr>
                <p class="hot">热度 324</p>
              </a>
            </div>
            <div class="pv1">
              <a href="video.html">
                <img src="images/00.jpeg" alt="" />
                <p class="title">视频主题</p>
                <p class="author">&nbsp;作者</p><hr>
                <p class="hot">热度 324</p>
              </a>
            </div>
            <div class="pv1">
              <a href="video.html">
                <img src="images/00.jpeg" alt="" />
                <p class="title">视频主题</p>
                <p class="author">&nbsp;作者</p><hr>
                <p class="hot">热度 324</p>
              </a>
            </div>
            <div class="pv1">
              <a href="video.html">
                <img src="images/00.jpeg" alt="" />
                <p class="title">视频主题</p>
                <p class="author">&nbsp;作者</p><hr>
                <p class="hot">热度 324</p>
              </a>
            </div>
          </div>

          <div id="page">
            <a href ="javascript:return false;" class="pre">&lt;</a>
            <a href="#" class="this">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <span>...</span>
            <a href="#">8</a>
            <a href="#">9</a>
            <a href="#">10</a>
            <a href="#">&gt;</a>
          </div>

      </div>
    </main>

      <!-- ==== START FOOTER ==== -->
      <footer role="contentinfo" class="footer">
      <div class="f">
          <div class="f1">
            <h3>统计信息</h3>
            <p><span>网站总访问量 : </span><span>1365544</span></p>
            <p><span>当前在线人数 : </span><span>42554</span></p>
            <p><span>页面加载时间 : </span><span>0.000234</span></p>
          </div>
          <div class="f3">
            <h3>联系我们</h3>
            <p><i class="fa fa-map-marker"></i>江苏省南京市</p>
            <p><i class="fa fa-phone"></i>123-456-789</p>
            <p><i class="fa fa-envelope"></i>1234567@qq.com</p>
          </div>
          <div class="f4">
            <h3>主办者</h3>
            <p>南京市XXX教育学院</p>
            <p>南京市XXX教育研究委员会</p>
            <p>南京市XXX教育学会</p>
          </div>
        </div>
        <div class="copy">
          <small>&copy; Copyright 2016</small>
          <p>
            <a href="#" class="fa fa-qq" title="QQ"></a>
            <a href="#" class="fa fa-weibo" title="微博"></a>
            <a href="#" class="fa fa-renren" title="人人网"></a>
            <a href="#" class="fa fa-weixin" title="微信"></a>
          </p>
        </div>

      </footer>

      <div id="back-top">
        <a href="#wapper"><span class="fa fa-chevron-up"></span></a>
      </div>
    </div>
    <!-- ==== END WAPPER ==== -->

    <script type="text/javascript" src="js/main.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    	$(document).scroll(function(){
    		var top = $(document).scrollTop();
    		if(top > 1) $("#back-top").show(500);
        else $("#back-top").hide(500);
    	});
    });
    </script>
  </body>
</html>
